<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="/css/font.css">
        <link rel="stylesheet" href="/css/xadmin.css">

        <!-- layui插件 -->
        <!-- <link rel="stylesheet" href="/lib/layui/css/layui.css">   -->

        <!-- userAdmin.css -->
        <link rel="stylesheet" href="/youdianda_static1/userAdmin/userAdmin.css">

        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>



    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>

        <div class="layui-fluid">
          <div class="layui-row layui-col-space15">

              <div class="layui-card">
                  <div class="layui-card-body">
                      <!-- from表单 -->
                      <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">账号</label>
                            <div class="layui-input-inline">
                                <input 
                                type="text" 
                                name="title" required  
                                lay-verify="required" 
                                placeholder="请输入" 
                                autocomplete="off" 
                                class="layui-input"
                                id="account">
                            </div>
                            <label class="layui-form-label">手机</label>
                            <div class="layui-input-inline">
                                <input 
                                type="text" 
                                name="title" required  
                                lay-verify="required" 
                                placeholder="请输入" 
                                autocomplete="off" 
                                class="layui-input"
                                id="phone">
                            </div>

                            <label class="layui-form-label">账号状态</label>
                            <div class="layui-input-inline" class="problem">
                                <select name="city" lay-verify="required" id="state">
                                    <option value="">所有状态</option>
                                    <option value="0">启用</option>
                                    <option value="1">冻结</option>
                                </select>
                            </div>


                            <div class="layui-input-inline">
                                <button type="button" class="layui-btn layui-btn-normal" id="select">查询</button>
                                <button type="reset" class="layui-btn layui-btn-primary" id="reset">重置</button>
                            </div>

                        </div>

                        <div class="layui-form-item">
                            <div class="layui-input-inline">
                                <button id="newAdd" type="button" class="layui-btn">新增</button>
                                <button type="button" class="layui-btn">导出</button>
                            </div>

                            <div class="right">
                                <!-- <div class=""></div> -->
                                <button type="button" class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-app"></i></button>
                                <button type="button" class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-refresh" id="reflash"></i></button>
                                <button type="button" class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-template-1"></i></button>
                            </div>
                        </div>

                      </form>

                      <!-- 表格 -->
                      <table class="layui-table">
                          <colgroup>
                          <col width="5%">
                          <col width="10%">
                          <col width="10%">
                          <col width="10%">
                          <col width="10%">
                          <col width="10%">
                          <col width="10%">
                          <col width="10%">
                          <col width="10%">
                          
                          </colgroup>
                          <thead>
                              <tr>
                                <th>#</th>
                                <th>账号</th>
                                <th>姓名</th>
                                <th>邮箱</th>
                                <th>手机号</th>
                                <th>角色</th>
                                <th>创建时间</th>
                                <th>状态</th>
                                <th style="text-align: center;">操作</th>
                              </tr> 
                          </thead>
                          <tbody>
                            <tr>
                                <td>1</td>
                                <td>试试</td>
                                <td>试试</td>
                                <td>是的是的</td>
                                <td>水电费</td>
                                <td>水电费</td>
                                <td>水电费</td>
                                <td>
                                    <form class="layui-form" action="">
                                        <div class="layui-form-item">
                                            <span>冻结</span>
                                            <div class="layui-input-inline">
                                              <input type="checkbox" name="switch" lay-skin="switch">
                                            </div>
                                            <span>启用</span>

                                          </div>
                                    </form>
                                </td>
                                <td align="center">
                                    <!-- 按钮 -->
                                    <button  type="button" class="layui-btn layui-btn-radius layui-btn layui-btn-normal">
                                        <i data-id=${item.id} class="layui-icon layui-icon-edit layui-font-12"></i>
                                    </button>
                                    <button 
                                    id="del"
                                    data-id="${value+1}"
                                    type="button" 
                                    class="layui-btn layui-btn layui-btn-radius layui-btn-danger">
                                        <i data-id="${item.id}" class="layui-icon layui-icon-delete layui-font-12"></i>
                                    </button>
                                </td>
                            </tr>
                          </tbody>
                      </table>

                      <!-- 分页 -->
                      <div id="pageBox" class=""></div>

                      
                  </div>
                </div>
          </div>
        </div>


    </body>

  
    <form class="layui-form" action="" id="add_form" style="display: none; overflow: hidden;">
        <div class="layui-form-item">
            <label class="layui-form-label">管理员账号</label>
            <div class="layui-input-inline">
                <input 
                    type="text" 
                    name="title" required  
                    lay-verify="required" 
                    placeholder="请输入账户" 
                    autocomplete="off" 
                    class="layui-input"
                    id="name_account"
                >
            </div>

            <label class="layui-form-label">管理员姓名</label>
            <div class="layui-input-inline">
                <input 
                    id="username"
                    type="text" 
                    name="title" required  
                    lay-verify="required" 
                    placeholder="请输入姓名" 
                    autocomplete="off" 
                    class="layui-input"
                >
            </div>

        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">管理员邮箱</label>
            <div class="layui-input-inline">
                <input 
                type="text" 
                name="title" required  
                lay-verify="required" 
                placeholder="请输入邮箱" 
                autocomplete="off" 
                class="layui-input"
                id="email"
                >
            </div>

            <label class="layui-form-label">管理员手机</label>
            <div class="layui-input-inline">
                <input 
                type="text" 
                name="title" required  
                lay-verify="required" 
                placeholder="请输入手机" 
                autocomplete="off" 
                class="layui-input"
                id="admin_phone"
                >
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">管理员密码</label>
            <div class="layui-input-inline">
                <input 
                type="text" 
                name="title" required  
                lay-verify="required" 
                placeholder="请输入密码" 
                autocomplete="off" 
                class="layui-input"
                id="password"
                >
            </div>

            <label class="layui-form-label">账号状态</label>
            <div class="layui-input-inline">
                <div class="layui-input-block">
                    <span style="display: inline-block;">警用</span>
                    <input type="checkbox" name="switch" lay-skin="switch" id="check_status">
                    <span style="display: inline-block;">启用</span>
                </div> 

            </div>
        </div>
    

        <div class="layui-form-item">
        <label class="layui-form-label">角色</label>
        <div class="layui-input-block" id="same_user_show">
            
        </div>
        </div>
    </form>



    <script src="/yomeid2/lib/layui/layui.js" charset="utf-8"></script> 
    <script type="text/javascript" src="/js/xadmin.js"></script>
    <script src="/yomeid2/lib/lib/axios.min.js"></script>
    <script src="/yomeid2/js/jquery.min.js"></script>

    <!-- 个人js -->
    <script src="/youdianda_static1/userAdmin/userAdmin.js"></script>



</html>